<template>
  <div class="footer">
    <div class="links">
      <a class="linksItem" href="javascript:;">关于酷狗</a>|<a
        class="linksItem"
        href="javascript:;"
        >监督举报</a
      >|<a class="linksItem" href="javascript:;">商务合作</a>|<a
        class="linksItem"
        href="javascript:;"
        >广告服务</a
      >|<a class="linksItem" href="javascript:;">投诉指引</a>|<a
        class="linksItem"
        href="javascript:;"
        >隐私政策</a
      >|<a class="linksItem" href="javascript:;">儿童隐私政策</a>|<a
        class="linksItem"
        href="javascript:;"
        >用户服务协议</a
      >|<a class="linksItem" href="javascript:;">酷狗音乐人</a>|<a
        class="linksItem"
        href="javascript:;"
        >酷狗直通车</a
      >|<a class="linksItem" href="javascript:;">招聘信息</a>|<a
        class="linksItem"
        href="javascript:;"
        >客服中心</a
      >|<a class="linksItem" href="javascript:;">用户体验提升计划</a>
    </div>
    <div class="_tingshuRecommend">
      <a href="javascript:;" class="recommendItem">白眉大侠</a>
      <a href="javascript:;" class="recommendItem">茅山捉鬼人</a>
      <a href="javascript:;" class="recommendItem">夜听FM</a>
      <a href="javascript:;" class="recommendItem">贝瓦故事</a>
      <a href="javascript:;" class="recommendItem">文武贝流行钢琴（1）</a>
      <a href="javascript:;" class="recommendItem">郭德纲</a>
      <a href="javascript:;" class="recommendItem">原创静心舒眠纯音乐</a>
      <a href="javascript:;" class="recommendItem">黑水公园</a>
      <a href="javascript:;" class="recommendItem">舒烟电台</a>
      <a href="javascript:;" class="recommendItem">晚安故事盒子</a>
      <a href="javascript:;" class="recommendItem">哄睡故事</a>
      <a href="javascript:;" class="recommendItem">隋唐演义</a>
      <a href="javascript:;" class="recommendItem">程一电台</a>
      <a href="javascript:;" class="recommendItem">宝宝巴土儿歌</a>
      <a href="javascript:;" class="recommendItem">这首歌，等你来听</a>
      <a href="javascript:;" class="recommendItem">斗罗大陆</a>
      <a href="javascript:;" class="recommendItem">水浒传</a>
      <a href="javascript:;" class="recommendItem">星空下的钢琴曲1</a>
      <a href="javascript:;" class="recommendItem">盗墓笔记</a>
      <a href="javascript:;" class="recommendItem">抬棺匠</a>
      <a href="javascript:;" class="recommendItem">晚安故事盒子</a>
      <a href="javascript:;" class="recommendItem">无敌剑域</a>
      <a href="javascript:;" class="recommendItem"
        >治疗师｜3D助眠解压沉浸式音乐</a
      >
      <a href="javascript:;" class="recommendItem">小猪佩奇</a>
      <a href="javascript:;" class="recommendItem">鬼吹灯经典系列</a>
      <a href="javascript:;" class="recommendItem">上门龙婿</a>
      <a href="javascript:;" class="recommendItem">超牛女婿</a>
      <a href="javascript:;" class="recommendItem">奇葩修真天才</a>
      <a href="javascript:;" class="recommendItem">治愈失眠:雷雨声</a>
      <a href="javascript:;" class="recommendItem">蕊希电台</a>
      <a href="javascript:;" class="recommendItem">成语故事专题</a>
      <a href="javascript:;" class="recommendItem">儿童故事专题</a>
      <a href="javascript:;" class="recommendItem">鬼吹灯专题</a>
    </div>
    <div class="copyright">
      <div>
        我们致力于推动网络正版音乐发展，相关版权合作请联系copyrights@kugou.com
      </div>
      <div>
        信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339
        <a href="javascript:;"
          >&nbsp;&nbsp;&nbsp;粤ICP备09017694号&nbsp;&nbsp;</a
        >
        <img src="../../assets/images/footer_icon.png" alt="" />
      </div>
      <div>
        广播电视节目制作经营许可证（粤）字第01270号
        &nbsp;&nbsp;&nbsp;营业性演出许可证穗天演440106026
        <a href="javascript:;">&nbsp;&nbsp;营业执照</a>
      </div>
      <div>
        穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2012-0018
        <a href="javascript:;">&nbsp;&nbsp;&nbsp;粤公网安备 44010602000141号</a>
        <img src="../../assets/images/icon_yuewangga1.png" alt="" />
      </div>
      <div>
        <a href="javascript:;">互联网不良信息举报中心：www.12377.cn</a>
        &nbsp;&nbsp;&nbsp;&nbsp;酷狗不良信息举报邮箱：jubao_music@kugou.net&nbsp;&nbsp;&nbsp;&nbsp;客服邮箱：kefu@kugou.net
      </div>
      <div>
        Copyright&nbsp;&nbsp;©&nbsp;&nbsp;2004-2021 KuGou-Inc.All Rights
        Reserved
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style scoped>
.footer {
  background-color: #2c323b;
  font-size: 12px;
  /* margin-top: 1px; */
  padding-bottom: 50px;
}
a {
  text-decoration: none;
  color: #b1b3b9;
}
a:hover {
  text-decoration: none;
  color: #009af3;
}
/* 第一行 */
.links {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #3d424a;
  color: #b1b3b9;
  padding: 15px 0;
}
.linksItem {
  height: 20px;
  padding: 0 14px;
}
/* 第二行 */
._tingshuRecommend {
  width: 1110px;
  margin: 0 auto;
  padding-top: 35px;
}
.recommendItem {
  display: inline-block;
  margin: 0 22px 10px 0;
}
/* 第三行 */
.copyright {
  margin: 40px auto 0;
  width: 1000px;
  font-size: 13px;
}
.copyright div {
  width: 100%;
  height: 29.6px;
  line-height: 29.6px;
  text-align: center;
  color: #b1b3b9;
}
.copyright div a {
  color: #999;
}
</style>